<template>
  <div>
    <h2>{{ msg }}</h2>
    <button @click="reverse">逆转世界</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "Hello,World",
    };
  },
  methods: {
    reverse(){
      //数据驱动视图思想
      this.msg=this.msg.split('').reverse().join('')
    }
  }
};
</script>

<style>
</style>